프론트엔드스쿨 2기 멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (4월 15일) 일단 만드는 JavaScript 로또 번호 추첨기 1~45까지의 random하고 중복되지 않는 수를 6개 출력한다. code parseInt(Math.random() * 45 + 1) Math.random() 함수는 0~1까지의 random한 수를 반환하는 함수로 1~45까지의 수를 얻기 위해 45를 곱하고 1을 더해준 뒤 parseInt 함수를 활용해 random한 수를 정수 형태로 반환한... jqueryJavaScriptTIL프론트엔드스쿨 2기JavaScript 멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (4월 14일) Flex 컨텐츠를 정렬하거나 공간을 나눌 수 있는 CSS 속성 집합으로 주로 1차원 형태의 요소들을 배치할 때 편리하다. flex-basis flex 아이템의 기본 크기를 설정하는 요소. flex-direction에 따라 설정되는 크기가 달라진다. flex-grow flex 아이템이 flex-basis 값보다 커질 수 있는지를 결정하는 속성으로 0보다 큰 값이 지정되면 해당 아이템이 flex... TILCSS프론트엔드스쿨 2기CSS 멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (4월 18일) CSS CSS 설계 기법 OOCSS (Object Oriented CSS) CSS의 여러 요소들을 모듈로 만들어 조합하도록 하는 방법론 width, height, padding, margin 등 레이아웃에 영향을 미치는 속성을 구조에 해당하는 CSS 요소로 분류한다. font, color, background, border 등 레이아웃에 영향을 미치지 않지만, 시각적인 영향을 주는 속성을 s... Code Review프론트엔드스쿨 2기CSSTILCSS
멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (4월 15일) 일단 만드는 JavaScript 로또 번호 추첨기 1~45까지의 random하고 중복되지 않는 수를 6개 출력한다. code parseInt(Math.random() * 45 + 1) Math.random() 함수는 0~1까지의 random한 수를 반환하는 함수로 1~45까지의 수를 얻기 위해 45를 곱하고 1을 더해준 뒤 parseInt 함수를 활용해 random한 수를 정수 형태로 반환한... jqueryJavaScriptTIL프론트엔드스쿨 2기JavaScript 멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (4월 14일) Flex 컨텐츠를 정렬하거나 공간을 나눌 수 있는 CSS 속성 집합으로 주로 1차원 형태의 요소들을 배치할 때 편리하다. flex-basis flex 아이템의 기본 크기를 설정하는 요소. flex-direction에 따라 설정되는 크기가 달라진다. flex-grow flex 아이템이 flex-basis 값보다 커질 수 있는지를 결정하는 속성으로 0보다 큰 값이 지정되면 해당 아이템이 flex... TILCSS프론트엔드스쿨 2기CSS 멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (4월 18일) CSS CSS 설계 기법 OOCSS (Object Oriented CSS) CSS의 여러 요소들을 모듈로 만들어 조합하도록 하는 방법론 width, height, padding, margin 등 레이아웃에 영향을 미치는 속성을 구조에 해당하는 CSS 요소로 분류한다. font, color, background, border 등 레이아웃에 영향을 미치지 않지만, 시각적인 영향을 주는 속성을 s... Code Review프론트엔드스쿨 2기CSSTILCSS